<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<title>Morningstar QuoteSpeed 2.0 - Management</title>
        <link href="../css/qs.css" rel="stylesheet" type="text/css" />
        <link href="../css/qs_ui.css" rel="stylesheet" type="text/css" />
        <link type="text/css" rel="stylesheet" href="signup.css">
        <style>
        .bar{margin-bottom:15px;}  
        .group-detail table{border-collapse:collapse;width:100%;}
        .group-detail table caption{text-align:left;}
        .group-detail table caption h2{font-size:136%;font-weight:bold;padding:8px;width:auto;display:inline-block;float:left;line-height:1;}
        .group-detail table caption .operation{float:right;}
        .group-detail table tr:hover{background:#f3f3f3;}
        .group-detail table th,.group-detail table td{border:1px solid #ddd;border-width:1px 0;padding:3px 5px;text-align:left;}
        .group-detail table th{font-weight:bold;background:#f0f0f0;padding:5px;}  
		.group-detail table tbody th{background:#fcfcfc;}        
        .group-detail .toright{}       
        
		.group-edit{float:left;clear:both;width:100%;margin:10px 0;border-bottom:1px solid #ddd;}
		.group-functions,.group-services{float:left;width:478px;}
		.group-edit h3{width:468px;border:1px solid #ddd;background:#f3f3f3;height:10px;border-width:1px 0 0 0;padding:10px 5px;}
		.group-edit .hd{border:1px solid #ddd;border-width:1px 0;height:30px;font-weight:bold;}
		.group-edit li,
		.group-edit label{width:100%;float:left;}
		.group-edit label{height:10px;padding:10px 0;border-bottom:1px solid #ddd;}
		.group-edit label .chk{float:left;margin:0 5px;}
		.group-edit button{float:right;margin:5px;border:1px solid #ccc;background:#f0f0f0;font-size:100%;height:21px;cursor:pointer;}
		.group-functions{border-right:1px solid #ddd;}
		.group-functions .funid,.group-functions .funname{width:45%;float:left;}
		.group-services .service{width:16%;float:left;margin:0 5px;}
		.group-services .id{width:6%;}
		.group-edit .container{height:400px;border-bottom:1px solid #ddd;overflow:hidden;}
        </style>
	</head>
	<body id="regpage">
	    <div id="wrapper">
	        <div id="hd">
	            <div class="logo">
	                <a href="http://www.morningstar.com/"><img height="50" border="0" usemap="#Map" alt="Morningstar" src="IM/mk_quotespeed_mornlogo.png"></a>
	            </div>	            
	        </div>
            <div id="bd">
                <div class="content">
                    <div class="bar" id="">
                        <a href="#">Group Detail</a>
                    </div>
					<div class="group-detail">
						<table>
							<thead>
								<tr><th colspan="4">Group Infomation</th></tr>
							</thead>
							<tbody>
								<tr><th>Group ID</th><td>6</td><th>Product Code</th><td>QS</td></tr>
	                            <tr><th>Globe Product Code</th><td>QSPO1000C0</td><th>Globe Source Code </th><td>QSDEV</td></tr>
	                            <tr><th>Institution Code</th><td>DEV</td><th>Subinstitution Code</th><td></td></tr>
							</tbody>							
						</table>
					</div>
					<div class="group-edit">
						<div class="group-functions">
							<h3>Functions</h3>
							<div class="container">
								<div class="hd"><label><input type="checkbox" name="" value="" class="chk" /><span class="funid">ID</span><span class="funname">Name</span></label></div>
								<ul id="funlist">
									<li><label><input type="checkbox" name="" value="0" class="chk" checked="checked" /><span class="funid">0</span><span class="funname">Watchlist</span></label></li>
									<li><label><input type="checkbox" name="" value="1" class="chk" /><span class="funid">1</span><span class="funname">Chart</span></label></li>
									<li><label><input type="checkbox" name="" value="2" class="chk" /><span class="funid">2</span><span class="funname">News</span></label></li>
									<li><label><input type="checkbox" name="" value="3" class="chk" checked="checked" /><span class="funid">3</span><span class="funname">Quicktake</span></label></li>
									<li><label><input type="checkbox" name="" value="3" class="chk" checked="checked" /><span class="funid">--3.11</span><span class="funname">Profile for ST</span></label></li>
									<li><label><input type="checkbox" name="" value="3" class="chk" checked="checked" /><span class="funid">--3.12</span><span class="funname">Analysis</span></label></li>
									<li><label><input type="checkbox" name="" value="3" class="chk" checked="checked" /><span class="funid">----3.1211</span><span class="funname">Current</span></label></li>
									<li><label><input type="checkbox" name="" value="4" class="chk" /><span class="funid">4</span><span class="funname"></span></label></li>
									<li><label><input type="checkbox" name="" value="5" class="chk" /><span class="funid">5</span><span class="funname"></span></label></li>
									<li><label><input type="checkbox" name="" value="6" class="chk" /><span class="funid">6</span><span class="funname">Market Depth</span></label></li>
									<li><label><input type="checkbox" name="" value="7" class="chk" /><span class="funid">7</span><span class="funname">Time& Sales</span></label></li>
									<li><label><input type="checkbox" name="" value="8" class="chk" /><span class="funid">8</span><span class="funname">Options</span></label></li>
									<li><label><input type="checkbox" name="" value="9" class="chk" /><span class="funid">9</span><span class="funname">Research</span></label></li>
									<li><label><input type="checkbox" name="" value="10" class="chk" /><span class="funid">10</span><span class="funname">Quotes</span></label></li>
									<li><label><input type="checkbox" name="" value="11" class="chk" /><span class="funid">11</span><span class="funname">Forex</span></label></li>
									<li><label><input type="checkbox" name="" value="12" class="chk" /><span class="funid">12</span><span class="funname">Calendars</span></label></li>
									<li><label><input type="checkbox" name="" value="13" class="chk" /><span class="funid">13</span><span class="funname">Commodity</span></label></li>
									<li><label><input type="checkbox" name="" value="14" class="chk" /><span class="funid">14</span><span class="funname">Market</span></label></li>
								</ul>
							</div>
							<button class="btn">Update</button>
						</div>
						<div class="group-services">
							<h3>Services</h3>
							<div class="container">
								<div class="hd"><label><span class="service id">ID</span><span class="service">Type</span><span class="service">Market Code</span><span class="service">Subs Code</span><span class="service">SecType</span><span class="service">CheckIndex</span></label></div>
                                <ul id="servicelist">
                                    <li><label><span class="service id">1</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">2</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">3</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">4</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">5</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">6</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">7</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">8</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">9</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">10</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">11</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">12</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">13</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">14</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
									<li><label><span class="service id">15</span><span class="service">D</span><span class="service">126</span><span class="service">2</span><span class="service"></span><span class="service"></span></label></li>
                                </ul>
                            </div>
						</div>
					</div>
                </div>                              
            </div>
            <div id="ft">
                <div class="footer">                    
                    <p>
                        Independent.
                        Insightful. Trusted. Morningstar provides stock market analysis;
                        equity, mutual fund, and ETF research, ratings, and picks; portfolio
                        tools; and option, hedge fund, IRA, 401k, and 529 plan research. Our
                        reliable data and analysis can help both experienced enthusiasts and
                        newcomers. Product Specifications are subject to change without notice.
                    </p>
                    <p>
                        © Copyright 2011 Morningstar, Inc. All rights reserved. Please read our <a href="http://www.morningstar.com/AboutUs/copyright.html">Terms of Use</a>
                        and <a href="http://members.morningstar.com/memberstpages/PrivacyPolicy.html">Privacy Policy</a>.
                    </p>                
                </div>
            </div>
	    </div>
        <script src="../lib/jquery.js" type="text/javascript"></script>
        <script src="../lib/jquery.json.min.js" type="text/javascript"></script>
        <script src="../js/ui/util.js" type="text/javascript"></script>
        <script src="../js/ui/tabmenu.js" type="text/javascript"></script>
        <script src="../js/ui/scrollpanel.js" type="text/javascript"></script>       
        <script>
            var sb1 = new Util.ScrollPanel($('#funlist'));
            sb1.reSize(478,368);      
			var sb2 = new Util.ScrollPanel($('#servicelist'));
            sb2.reSize(478,368);      
        </script>
	</body>
</html>